<template>
    <h1>APP 组件</h1>
    <hr>

    <!--
        组合式API 父传子流程

            1. 父组件内使用子组件的时候, 绑定一些数据
            2. 在子组件借助 vue 提供的 defineProps 方法, 帮助我们接受父组件传递过来的数据
            3. 接收完毕后就可以使用
    -->


    <QFBtn btntext="父组件传递给子组件的数据" />
</template>

<script setup>
// 因为现在有 setup 语法糖, 所以组件我们书写完毕后, 引入即可, 不需要手动注册, 可以直接在当前组建的 template 内部使用
import QFBtn from './components/qf_btn.vue'
</script>
